@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.mfbox{width:1200px; margin:0 auto;}
.header{ position:relative; width:100%; height:186px; z-index:9000; background:#FFF;}
.i-gs{float:left;}
.i-call{float:right;font-size:14px;background:url(/templates/Images/t_tel.jpg) no-repeat 0 5px;}
.mfbox strong{display:block;}
.i-gs{border-left: 1px solid #ddd;  font-size: 20px;  padding: 10px 0 10px 30px;  margin: 20px 0 20px 30px;}
.i-call{padding-left: 65px;color: #666;margin-top: 35px;}
.i-gs strong{font-size: 22px;color: #0a729d;}
.i-call strong{color: #046abf;font-size: 24px;}
#com_logo img{vertical-align: middle;
margin-top: 0;}
.i_banner_box123 {text-align: center;}
.logo{float:left;line-height: 120px;}
.header_r{float: left;  margin-top: 10px;width: 100%;max-width: 100%;background-color: #046abf;}
.weixin:hover .weixin-ewm{display:block;}
.weixin-ewm{display:none;position: absolute;
left: -100px;
top: -10px;}
.call-right {
    position: absolute;
    left: -118px;
    top: -9px;
    background: #0b729d;
    color: white;
    font-size: 15px;
    display: none;
}
.call:hover .call-right{display:block;}
.hd_search{float:right; width:325px; height:36px;border:1px solid #cecece;position: relative;top: 17px;}
.hd_search li{float:left;}
.hd_search li input{float:left; height:36px;}
.hd_search li input.hd_sint{width:269px;background: #fff;padding-left: 10px;}
.hd_search li input.hd_sbtn{width: 46px;  background: url(../Images/search.jpg) no-repeat center center; cursor:pointer;}

.hd_tel{float:right; height:18px; padding:0 20px 0 25px; background:url(../Images/icon_tel.png) no-repeat left center;}
.hd_share{float:right; height:18px; padding:0 5px 0 0;}
.hd_share a{float:left; margin:0 5px;}


.i_nav{height: 59px;  margin: 0 auto;  width: 1200px;max-width:100%;}	

.lan{position: absolute;top: 0px;left: 77%;}
.lan li{float:left; padding-right:5px;}
/*.i_nav li{float:left; height:59px;}
.i_nav li > a{display:block; color:#000; padding:0 18px; height:56px; line-height:56px; font-size:14px; border-bottom: 3px solid transparent; text-align:center;}
.i_nav li > a:hover{color:#0069b3; border-bottom:3px solid #0069b3;}*/

.i_banner_box{position:relative; width:100%; height:660px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:660px;}
.i_banner li a{display:block; width:100%; height:660px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:12px; height:12px; background:#FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#0069b3;}
.i_banner_p a.on{ background:#0069b3;}*/


.i_psor{width:100%;max-width:100%;background-color: #eee;height:76px;}
.i_psor a{padding-left:10px;font-weight: initial;}
.i_psor .i_pbox{width:1200px;max-width:100%;margin:0 auto;font-size:14px;font-weight: bold;}
.i_psor p{float:left;line-height: 76px;}
.i_psor .i_pbox span{padding:8px 0;margin-right: 10px;font-weight:normal;}

.container{width: 1200px; margin: 0 auto;}
.yunu-ppjj dt{float: left; width: 196px; height: 189px; display: block; background: url(/templates/Images/i_ppjj.jpg) no-repeat 0 0;}

.i_container, .i_ppjs{overflow:hidden;}




.i_ppjs{background: url(/templates/Images/i_ppjs_bg.jpg);padding: 70px 0;height: 300px;}
.yunu-ppjj dd img{float:right;}
.yunu-ppjj dt a{position: relative; top: 115px; left: 60px; color: #fff;}
.yunu-ppjj dd .text h4{margin: 0 0 20px; font-size: 30px; color: #0a729d;}
.yunu-ppjj dd .text p{line-height: 1.8;font-size:14px;}
.yunu-ppjj dd {margin-left: 240px;}
.yunu-ppjj dd .text {margin-right: 350px;}
.txt01{width:800px; margin:0 auto; text-align:center; color:#999; font-size:14px; line-height:18px;}



.i_jszx{background: url(/templates/Images/i_jszc.jpg) no-repeat;color:#fff;height: 627px; padding-bottom:70px;background-position: center;}
.yunu-zyjscon {margin: 0 0 50px;}
.yunu-zyjscon dt {float: right;width: 610px;}
.yunu-zyjscon dt img {display: block;width: 100%;height: auto;}
.yunu-zyjscon dd {float: left;width: 540px;margin: 0;}
.yunu-zyjscon dd .tit {overflow: hidden;}
.yunu-zyjscon dd .tit .text {margin-left: 119px;padding-top: 20px;}
.yunu-zyjscon dd .tit .text strong {margin: 0;font-size: 29px;display: block;}
.yunu-zyjscon dd .tel {padding-left: 113px;padding-top: 50px;font-size: 18px;line-height: 40px;}
.yunu-section {padding: 70px 0;}
.yunu-section-title {text-align: center; font-weight: bold;margin-bottom: 50px;font-size: 40px;background: url(../images/tit_bg.png) no-repeat center 70px;color: #0a6b9d;}
.yunu-section-title span {color: #F97B47;}
.yunu-section-title p {font-weight: normal;margin: 35px 0 0;font-size: 20px;text-indent: 5px;color: #666;}
.yunu-zyjscon .tit span{float: left; text-align: center; color: #fff; background-color: #F98D3E; width: 79px; height: 97px; line-height: 34px; font-size: 30px; padding: 22px 10px 0;}
.yunu-zyjscon dd .tit .text p{margin: 5px 0 0; font-size: 14px; color: #7f9caf;}
.yunu-zyjscon dd .tit .text strong{margin: 0; font-size: 29px; display: block;}
.yunu-zyjscon dd li{padding-left: 20px; line-height: 22px; margin-top: 14px;background: url(/templates/Images/yd.png) no-repeat left 10px;font-size:14px;}
.yunu-zyjscon dd ul{padding-left: 96px; padding-top: 15px;}
.yunu-btn{display: inline-block;  width: 138px;  line-height: 38px;  background-color: #F98D3E;  color: #fff;  text-align: center;  font-size: 14px;}

.i_products{width:1200px;max-width:100%;margin: 0 auto;overflow: hidden; padding-bottom: 70px;}
.i_products .i_nview span{background-color: #046abf; color: #fff; text-align: center; margin: 0; padding: 0 10px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.i_products .i_p_right{float: right;  overflow: hidden;width:78%;}
.i_products .i_p_right .i_nview{width: calc((100%/3) - 10px);float: left;text-align: center;margin-right: 10px;margin-bottom: 10px;}
.i_p_ul, .i_p_ul * {     transition: initial;     -webkit-transition: initial;     -moz-transition: initial; }
.i_products .i_p_left{float:left;border: 6px solid #046abf; width: 20%;overflow: hidden;}
.i_ptite h3{color: #fff; text-align: center; line-height: 106px;font-size: 30px;background: url(/templates/Images/i_pl1.png) no-repeat;}
.i_p_div p{padding-left: 40px;line-height: 30px;font-size: 14px;background: url(/templates/Images/jh_x.png) no-repeat 28px;color: #000;}
.i_p_li .i_ph3{background: url(/templates/Images/jh_d.png) no-repeat 190px;line-height: 40px;display: block; padding-left: 25px;font-size: 16px;background-color: #046abf;color:#fff;}
.i_pbjimg{background: url(/templates/Images/i_pl.jpg);  width: 240px;  height: 161px;}
.i_p_ul{border: 1px solid #fff;}
.ulbox{border: 2px solid #fff;}
.on .i_ph3{background-color: #F97B47;}

.i_p_right p{float:left;}
.i_p_div{display: none;}
.i_p_right .hd li{float: left;line-height: 42px;background-color: #ededed;font-size: 16px;text-align: center;width: 221px;cursor: pointer;padding: 0 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_p_right .hd .on{background-color: #046abf; color: #fff;}
.i_p_right .i_pview{width: calc((100% / 3) - 20px); float: left; margin-right: 20px; text-align: center;margin-top: 25px;}
.i_p_right .i_pview span{background-color: #236A97;  color: #fff;  text-align: center;  margin: 0;  padding: 0 10px;  line-height: 40px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: block;}
.s_box{margin-top: 40px;}

.nowpo span{padding-left: 10px;border-left: 10px solid #F9763A;}
.nowpo a{padding-left:10px;font-size:14px;}
.nowpo{width: 1200px; max-width: 100%; margin: 0 auto;padding: 15px 0;border-bottom: 1px dashed #dcdcdc;margin-bottom: 20px;}


.i_solution{width: 1200px;  padding: 60px 0;  margin: 0 auto;  max-width: 100%;}
.i_solution_l{width:1000px; position:relative; margin:70px auto 0;}
.i_solution_lo{width:1000px; overflow:hidden;}
.i_solution_li{width:5000px;}
.i_solution_li dl{float:left; display:inline-block; margin:0 10px; width:228px; border:1px solid #dfdfdf; background:#FFF;}
.i_solution_li dl dt{width:228px; height:258px; overflow:hidden;}
.i_solution_li dl dt img{width:228px; height:258px;}
.i_solution_li dl dd h4{font-size:20px; line-height:34px; padding:20px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_solution_li dl dd span{ display:block; padding:0 10px; font-size:12px; line-height:18px; color:#AAA; height:36px; overflow:hidden;}
.i_solution_li dl a:hover dt img{ transform:scale(1.2);}
.i_solution_li dl a:hover dd h4{color:#0069b3;}

.i_pro{ width:100%; padding:60px 0; background:url(../Images/bg_2.jpg) repeat left top;}
.i_pro_l{width:1000px; position:relative; margin:60px auto 0;}
.i_pro_lo{width:1000px; overflow:hidden;}
.i_pro_li{width:1000px;}
.i_pro_li dl{float:left; display:inline-block; margin:13px 10px; width:480px; height:197px; background:#f9f9f9;  -moz-box-shadow: 4px 4px 0px 0px #ececec; -webkit-box-shadow: 4px 4px 0px 0px #ececec; box-shadow: 4px 4px 0px 0px #ececec;}
.i_pro_li dl dt{float:left; width:210px; height:170px; padding:14px 10px 13px 10px; overflow:hidden;}
.i_pro_li dl dt img{width:210px; height:170px;}
.i_pro_li dl dd{float:left; width:235px; height:170px; padding:14px 10px 13px 5px;}
.i_pro_li dl dd h4{font-size: 18px; padding:0 0 10px 0; color:#0069b3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro_li dl dd span{ display:block; font-size:12px; line-height:20px; color:#AAA; height:120px; overflow:hidden;}
.i_pro_li dl a:hover dt img{ transform:scale(1.2);}
.i_pro_li dl a:hover dd h4{color:#0069b3;}

.i_case{ padding: 60px 0; width: 1200px; margin: 0 auto; max-width: 100%;}
.i_case .title01  h3{float: left;  text-align: center;  color: #fff;  background-color: #F98D3E;  width: 79px;  height: 97px;  line-height: 34px;  font-size: 30px;  padding: 22px 10px 0;margin-right: 20px;}
.i_cjsl .title01  h3{float: left;  text-align: center;  color: #fff;  background-color: #F98D3E;  width: 79px;  height: 97px;  line-height: 34px;  font-size: 30px;  padding: 22px 10px 0;margin-right: 20px;}
.i_case  .title01 span{margin: 0; font-size: 29px; display: block}
#com_singles_txt03{margin:0; font-size: 14px; color: #7f9caf;width: auto;  text-align: left;margin-top: 5px;}
.i_case .rol01, .i_case .ror01{display:none;}



.i_pul_l{float: left;padding: 60px 50px;}
.i_pul_r{float: right;padding: 60px 50px;}
.i_pul_r li, .i_pul_l li{padding: 10px 0;position: relative;}

.i_pdll{width: 1200px; margin: 70px auto;background: url(/templates/Images/i_pdllbj.jpg);overflow: hidden;}
.i_p_dll{background: url(/templates/Images/i_pdllbjbox.jpg);padding:1px 0;}
.i_pul_l li img, 
.i_pul_r li img{width: 151px;height: 70px;}
.i_p_dll .pdltitle{text-align: center;padding-top:70px;}
.i_p_dll .pdltitle h3{text-align: center;  font-weight: bold;  margin-bottom: 20px;  font-size: 40px;  background: url(/templates/Images/tit_bg.png) no-repeat center 70px;  color: #046abf;  height: 80px;}
.i_p_dll .pdltitle span{font-weight: normal;font-size: 20px; text-indent: 5px; color: #666;}
.i_p_dll .i_pul_l .on:after{background: url(/templates/Images/pl.png) no-repeat;content:"";position: absolute;  width: 8px;  height: 70px;}
.i_p_dll .i_pul_r .on:after{background: url(/templates/Images/pr.png) no-repeat;content:"";position: absolute;  width: 8px;  height: 70px;left:-8px;}


.i_gywm .yunu-about {background: url(/templates/Images/i_ab_bg.jpg) no-repeat left top;padding-left: 97px;margin: 0;}
.i_gywm .yunu-about dt {float: left;width: 600px;}
.i_gywm .yunu-about dt img {display: block;width: 100%;height: auto;}
.i_gywm .yunu-about dd {margin-left: 600px;padding: 100px 0 0 90px;position: relative;}
.i_gywm .yunu-about dd .i1 {position: absolute;left: -50px;top: 0;}
.i_gywm .yunu-about dd .i2 {position: absolute;left: -820px;top: 250px;}
.i_gywm .yunu-about dd h4 {font-size: 30px;margin: 0 0 50px;font-weight: normal;}
.i_gywm .yunu-about dd h4 strong {color: #0a6b9d;font-size: 40px;}
.i_gywm .yunu-about dd h5 {margin: 0 0 10px;font-size: 18px;font-weight: normal;}
.i_gywm .yunu-about dd p {line-height: 28px;  margin: 14px 0;  font-size: 14px;}
.i_gywm .yunu-about dd .more {width: 196px;display: inline-block;line-height: 50px;text-align: center;background-color: #0a6b9d;color: #fff;}

.i_solution h3, .i_solution span{text-align: center;}
.i_solution h3{ font-weight: bold;  margin-bottom: 10px;  font-size: 40px;  background: url(/templates/Images/tit_bg.png) no-repeat center 70px;  color: #046abf;padding-bottom: 30px;}
.i_solution span{font-size: 20px;  text-indent: 5px;  color: #666;  text-align: center;  display: block;}


.i_cjsl{background: url(/templates/Images/cjslbj.jpg) no-repeat;height: 100%;max-width: 100%;overflow: hidden;margin-bottom: 60px;background-position: top center;}
.i_cjsl .cjsl1 dt{float: left;}
.i_cjsl .cjsl1 dd{float: right;}
.i_cjsl .cjsl1{overflow: hidden;color:#fff;}
.i_cjsl strong{color:#fff;}


.i_newsbox{background-color: #F8F8F8;overflow: hidden;padding:70px 0;}
.i_news{max-width:100%;width:1200px;margin:0 auto;}
.i_news .i_newstitle{text-align:center;font-weight: bold;  margin-bottom: 50px;  font-size: 40px;  background: url(/templates/Images/tit_bg.png) no-repeat center 70px;  color:#046abf;}
.i_news .i_newstitle span{font-weight: normal;margin: 35px 0 0;font-size: 20px;text-indent: 5px;color: #666;display:block;}
.i_news .i-nbox{width: calc((100%/3) - 30px);  float: left;  text-align: center;  padding: 0 15px;}
.i_news .news-title{display: inline-block;  font-size: 16px;  padding-left: 10px;  border-left: 5px solid #247197;  line-height: 1;  margin-bottom: 30px;text-align: left;width: 100%;  max-width: 100%;}
.i_news .news-title a{padding-right: 5%;float: right;}
.i_news .i_nview img{width:100%;max-width:100%;}
.day{display: inline-block;  vertical-align: bottom;  width: 40px;  height: 40px;  background-color: #F98D3E;  color: #fff;  font-size: 22px;  line-height: 40px;  text-align: center;  margin: 0 10px 0 0;}
.i_news01_t{text-align: left;padding-top: 20px;}
.i_nview h4{margin: 20px 0;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-size: 16px;  text-align: left;}
.i_news .i_ntext{color: #555555;  line-height: 22px;  text-align: left;height: 47px;overflow: hidden;}
.i-nbox .i_nview{border-bottom: 3px solid #ff8c00; padding-bottom: 15px;margin-bottom: 20px;}


.i_case_l{width:1200px; position:relative; margin:70px auto 0;}
.i_case_lo{width:1200px; overflow:hidden;}
.i_case_li{width:5000px;}
.i_case_li dl{float:left; position:relative; display:inline-block; margin:0 10px; width:280px; height:364px;}
.i_case_li dl dt{width:280px; height:364px; overflow:hidden;text-align: center;}
.i_case_li dl dt img{max-width: 100%; max-height: 280px; width: auto; height: auto;}
.i_case_li dl dd{position: absolute;  width: 280px;  height: 58px;  padding: 35px 0;  left: 0;  bottom: 0;  text-align: center;  background-color:#dfdfdf;z-index: -1;}
.i_case_li dl dd h4{line-height: 34px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 35px; font-size: 14px;}
.i_case_li dl dd span{ display:block; font-size:12px; line-height:24px; color:#dfdfdf; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:24px;}
.i_case_lo li:hover a dd{background-color: #ff8b00;}
.i_case_lo li:hover a h4{color:#fff;}
.i_pdll .i_case_l{width:auto;overflow: hidden;float: left;}

.right_nav{position: fixed;  top: 50%;  right: 0;z-index:999;}
.right_nav li{margin-top: 1px;clear: both;height: 71px;position: relative;background:#046abf;height: 56px;  position: relative;  padding: 9px 0 6px;  float: left;}
.right_nav .r_nav{float: left; width: 77px; height: 47px; position: relative;text-align: center;  line-height: 70px;}
.right_nav .r_nav .qq{background:url(/templates/Images/qq.png) no-repeat center 0px;}
.right_nav .r_nav .weixin{background:url(/templates/Images/wxewm.png) no-repeat center 0px;}
.right_nav .r_nav .liuyan{background:url(/templates/Images/zxly.png) no-repeat center 0px;}
.right_nav .r_nav .call{background:url(/templates/Images/call.png) no-repeat center 0px;}
.right_nav .r_nav .top{background:url(/templates/Images/top.png) no-repeat center 0px;color: #fff;}

.r_nav_top{display:none;}


.right_nav .r_nav p, .right_nav .r_nav a{color:#fff;}
.r_nav_top{diplay:none;}
.footer{overflow:hidden; width:100%; color:#FFF; background:#0a6b9d;}
.footer_in{width:1200px; margin:0 auto;}
.footer .ewm{float: right; width: 220px; height: 133px;background: url(/templates/Images/Phone.jpg);}
.ewm img {padding-top: 19px; width: 96px; margin-left: 105px; height: auto;}
.container .logo img{float: left; padding-top: 88px;}
.container .info{margin-left: 260px; border-left: 1px solid #237aa7; padding: 30px 0 30px 60px;}
.info .text p{margin: 10px 0;color:#ccdae5;font-size:14px;line-height: 1.42857143;}

.footer {background-color: #046abf;color: #ccdae5;}
.footer a {color: #ccdae5;}
.footer .info {margin-left: 260px;border-left: 1px solid #237aa7;padding: 30px 0 0 60px;}
.footer .info .nav {font-size: 16px;margin-bottom: 40px;padding-top: 10px;}
.footer .info .nav span {padding: 0 15px;}
.footer .info .nav a {color: #fff;}
.footer .info .ewm {float: right;width: 220px;height: 133px;background: url(/templates/Images/Phone.jpg) no-repeat 0 0;}
.footer .info .ewm img {padding-top: 19px;width: 96px;margin-left: 105px;height: auto;}
.footer .info .text {margin-right: 250px;}
.footer .info .text p {margin: 10px 0;}
.footer_in .logo{float: left; padding-top: 88px;}


.fnav{float:left;}
.fnav dl{float:left; width:120px; padding-right:10px;}
.fnav dl dt{padding-bottom:10px; line-height:30px; font-size:16px;}
.fnav dl dt a{color:#fff;}
.fnav dl dt a:hover{color:#0069b3;}
.fnav dl dd{line-height:25px; font-size:12px;}
.fnav dl dd a{color:#ccdae5;}
.fnav dl dd a:hover{color:#0069b3;}

.f_contact{float:right; width:200px; color:#414141;padding-top: 40px;}
.f_contact h4{ display:block; font-size:16px; padding-bottom:10px;}
.f_contact strong{ display:block; color:#0874b9; font-size:24px; font-style:italic;}
.f_contact span{display:block;}

.fbox{width:100%; background:#0874b9; color:#FFF; padding:25px 0; font-size:12px; line-height:20px; }
.footer_nav{float:left;}
.footer_nav a{ padding:0 10px; color:#FFF;}
.copyright{text-align: center;}
.jsq{ text-align:right;}
.pfooter{padding:30px 0 0; border-top:3px solid #0069b3;}

/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; padding-top:90px; height:277px; overflow:hidden;}
.p_banner{ float:left; display:inherit;}
.p_banner_in{position: absolute; width:1440px; bottom:3%;    display: none;}
.p_banner_in h3{ display:block; margin:0 auto; width:1000px; color:#f4f4f4; font-size:70px; font-style:italic; font-family:'Arial','sans-serif'; text-transform: uppercase; font-weight:bold;}

.p_container{overflow:hidden;}
.alinks .sidebar{display: none;}
.p_zxrx{background: url(/templates/Images/contact-z1.jpg) no-repeat;  height: 140px;}
.p_zxrx p{margin: 0;  font-size: 20px;  line-height: 30px;  padding: 37px 0 0 20px;  background: url(/templates/Images/contact-z1_tel.png) no-repeat 70px 44px;}
.p_zxrx span{line-height: 30px; font-size: 18px;}
#com_thenm_list, #com_pmodule_products_list{width: calc(100% - 260px); float: right;}
.news #com_thenm_list, #com_pmodule_products_list{width: calc(100% - 260px); float: right;}
.menu_36 #com_thenm_list, .menu_39 #com_thenm_list{float:none;width:100%;}
.sidebar{float: left;  text-align: center;  width: 240px;  max-width: 100%;}
.sortnavul{margin: 0 auto;  overflow: hidden;  width: 100%;  max-width: 100%;margin-bottom: 20px;}
/*.sidebar_l a {display:inline-block; float:left; font-size: 16px; color: #666; margin-right: 22px; padding:35px 0px; line-height:30px;}
.sidebar_l a:hover{ color:#0069b3;}
.sidebar_l a.on{ color:#0069b3; background:url(../Images/icon02.png) no-repeat center bottom;}*/


.p_sev{width:1200px; padding:50px 0; margin:0 auto;padding-top:0;}
/*.p_sev dl{float:left; display:inline-block; margin:13px 20px; width:480px; height:197px; background:#f9f9f9;  -moz-box-shadow: 4px 4px 0px 0px #ececec; -webkit-box-shadow: 4px 4px 0px 0px #ececec; box-shadow: 4px 4px 0px 0px #ececec;}
.p_sev dl dt{float:left; width:210px; height:170px; padding:14px 10px 13px 10px; overflow:hidden;}
.p_sev dl dt img{width:210px; height:170px;}
.p_sev dl dd{float:left; width:235px; height:170px; padding:14px 10px 13px 5px;}
.p_sev dl dd h4{font-size: 18px; padding:0 0 10px 0; color:#0069b3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.p_sev dl dd span{ display:block; font-size:12px; line-height:20px; color:#AAA; height:120px; overflow:hidden;}
.p_sev dl a:hover dt img{ transform:scale(1.2);}
.p_sev dl a:hover dd h4{color:#0069b3;}*/

.menu_36 .s_title{text-align: center;  font-weight: bold;  margin-bottom: 50px;  font-size: 40px;  color: #046abf;background: url(/templates/Images/tit_bg.png) no-repeat center 45px;}
.menu_36 .s_title p{font-weight: normal;  margin: 40px 0 0;  font-size: 20px;  text-indent: 5px;  color: #666;}
.menu_36 .s_textbox{height: 255px;  overflow: hidden;background: url(/templates/Images/s_textbj.jpg) no-repeat; background-size: 100%;padding-top: 50px;  padding-left: 555px;}
.menu_36 .h4title{color: #fff;     font-size: 20px;     margin: 0;     text-align: center;}
.menu_36 .s_text{text-indent: 28px;  color: #fff;  padding-right: 30px;  line-height: 2;  font-size: 14px;}
.menu_36 .s_container{text-align:center;}
.menu_36 .s-title{color: #fff;font-weight: bold; margin-bottom: 50px; font-size: 40px; color: #fff; background: url(/templates/Images/tit_bg.png) no-repeat center 45px;}
.menu_36 .s-title p{margin: 40px 0 0; font-size: 20px; text-indent: 5px; color: #fff;}
.menu_36 .s_title1 .s-title span{color: #F97B47;}
.menu_36 .s_title1{background: url(/templates/Images/s_textbj1.jpg) no-repeat center top;height: 627px; padding-top: 70px; color: #fff;}
.menu_36 .s_textbox1{text-indent: 28px; line-height: 2; padding-left: 70px; text-align: justify; width: 430px; font-size: 14px;padding-top: 50px;}
.menu_36 .s_textbox1 p{text-indent: 28px; line-height: 2; text-align: justify;margin-bottom: 20px;}

.p_kf{width:1200px; padding:50px 0; margin:0 auto;}
.p_kf dl{float:left; display:inline-block; margin:0 5px; width:242px; height:326px; text-align:center; background:#f9f9f9;}
.p_kf dl a{ display:block; width:242px; height:268px; padding-top:58px; background:#f4f4f4;}
.p_kf dl i{ display:block; margin:0 auto; width:64px; height:64px;}
.p_kf dl i.pkf01{ background:url(../Images/sicon01.png) no-repeat center center;}
.p_kf dl i.pkf02{ background:url(../Images/sicon02.png) no-repeat center center;}
.p_kf dl i.pkf03{ background:url(../Images/sicon03.png) no-repeat center center;}
.p_kf dl i.pkf04{ background:url(../Images/sicon04.png) no-repeat center center;}
.p_kf dl dt{width:222px; height:30px; padding:0 10px; margin-top:35px; font-size:20px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.p_kf dl span{ display:block; padding:10px 0; font-size:12px; line-height:20px; text-transform: uppercase; color: #b9b9b9;}
.p_kf dl ins{ display:block; width:74px; height:4px; margin:0 auto; background:#000000;}
.p_kf dl dd{float:left; width:222px; padding:15px 10px; line-height:20px; color:#666;}

.p_kf dl a:hover{ display:block; background:#80b7db;}
.p_kf dl a:hover i.pkf01{ background:url(../Images/sicon01_on.png) no-repeat center center;}
.p_kf dl a:hover i.pkf02{ background:url(../Images/sicon02_on.png) no-repeat center center;}
.p_kf dl a:hover i.pkf03{ background:url(../Images/sicon03_on.png) no-repeat center center;}
.p_kf dl a:hover i.pkf04{ background:url(../Images/sicon04_on.png) no-repeat center center;}
.p_kf dl a:hover dt{color:#FFF;}
.p_kf dl a:hover span{color:#FFF;}
.p_kf dl a:hover dd{color:#FFF;}
.p_kf dl a:hover ins{ background:#FFF;}

/* ��ҳ���ֽ��� */

.p_left{ float:left;}
.p_right{ float:right;}



/*响应式制作开始*/
.i_banner_box123 img{max-width: 100%;}



@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/
.i_ppjs{background-position: -250px center;}
.i_jszx{background-position: -295px center;}

}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.p_p_list dl {margin: 13px 13px;}
.soll-item { padding: 0px 8px;}
.n_j_list { width: 96%;margin: 0 auto;}
.p_container{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;
					width:100%;padding: 10px;}
.p_sev {width: 100%;padding:0px;}
.i_jszx{background-position-x: -440px;}
.yunu-ppjj dt, .yunu-ppjj dd .text h4, .yunu-ppjj dd .text p{margin-left: 100px;}
.i_case_li dl{width: calc((100% / 4) - 20px);}
.i_case{width:1024px;}
.i_case_li dl dt, .i_case_li dl dd{width:236px;}
.container, .i_p_dll, .i_gywm *, .footer *, .header *, .p_kf{max-width:100%;}
.i_gywm .yunu-about dd{margin-left: 533px;}
.i_case_lo, .i_case_l{width: auto;}
.p_p_p_list .soll-item{width:calc((100% /3) - 40px);}
.right_nav{display: none;}

.yunu-zyjscon dt{overflow: hidden;width: 40%;}
.yunu-zyjscon dd ul{padding-left:0;}
.i_cjsl .cjsl1 dd{float: left;padding-left: 10px;}
.i_ppjs{background-position: center;}
.i_pdll{display: flex;max-width: 100%;flex-direction: column;background-size: 100%;}
.i_pul_l{order: 0;padding-bottom: 0;}
.i_pul_r{order: 1;padding-top: 0;}
.i_case_l{order: 2;}
.i_pul_l li{float: left;  padding-left: 67px;}
.i_pul_r li{float: left;  margin-left: 67px;}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.mfbox {width: 100%;}
.i_nav{display:none}
.navbar-toggle{display:block;position: relative;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;position: absolute;top: 79px;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{background: #0069b3;  color: #fff;}
.ddsmoothmenu ul li a.navactive {width: 100%;background:#0069b3;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #8cc63f;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.iconfont.icon-next-copy {font-size: 30px !important;}
.i_ppjs{background: none;}
.yunu-ppjj dd .text p{color: #096898;}
.i_solution {width: 100%;-webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 10px 0;}
.txt01 { width: 100%;}
.i_solution_l {width: 80% !important;margin:0px; margin:0 auto;}
.i_solution_lo {width: 100%;}

.i_case {width: 100%;-webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 10px 0;}
.title01.wow.fadeInUp.animated.animated{ width: 100%;}
.i_case_l {width: 80% !important;margin:0px; margin:0 auto;}
.i_case_lo{width: 100%;}
.i_pro_l { width: 100%;}
.i_pro_lo { width: 64% !important; margin: 0 auto;}
.rol02 { left: 46px;}
.ror02 { right: 46px;}
.i_pro_li { width: 100% !important;}
.i_pro_li dl dt { width: 150px;height: 130px; padding: 14px 0px 13px 0px;}
.i_pro_li dl dt img {width: 150px; height: 130px;}
.i_pro_li dl dd { width: 150px; height: 130px;padding: 14px 0px 13px 0px;}
.i_pro_l.wow.fadeInUp.animated.animated .rol01 {left: 26px;}
.i_pro_l.wow.fadeInUp.animated.animated .ror01 {right: 26px;}
.p_container{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;
					width:100%;padding: 10px;}
.sortnavul li {padding-left: 3%;}
.news-item {padding: 10px 0px;}
.p_sev { padding: 10px 0;width: 100%;}
.news-item a{margin:0 auto;}
.p_p_list {width: 100%;}
.p_p_list { width: 100%;text-align: center;}
.p_p_list dl {float:none;}
.p_p_list dl dd span {text-align: left;}
.n_j_list { width: 100%;}
.n_j_list li{ width: 100%;}
.n_j_list li a {width: 66.6%;}
.n_j_list li span{width:30%;}
.p_kf { width: 100%;padding: 10px 0;}
.p_kf dl {margin: 10px 1px;width: 49%;background:none;}
.p_kf dl a {margin: 0 auto;}
.soll-item {padding: 0px 3px;width: 49%;height: auto;}
.soll-item img {margin: 0 auto; width: 100%;height:auto;}
.i_pro {padding: 10px 0;}
.i_pro_l {margin: 10px auto 0;}


.i_case{width:768px;}
.i_case_li dl dt, .i_case_li dl dd{width:285px;}
.yunu-ppjj dd{margin:0;}
.i_jszx{background-position-x: -460px;}
.yunu-zyjscon dd, .i_cjsl .cjsl1 dd{width: 58%;}

.i_gywm .yunu-about dd{margin-left: 0;}
.i_gywm .yunu-about dt{float: right;width: 313px;}
.footer .info{margin-left: 180px;padding-left:8px;}
.footer_in .logo{padding-top: 15%;  width: 180px;}
.menu_36 .s_textbox1{padding-left: 32px;width: 328px;}
.p_p_p_list .soll-item{width: calc((100% /2) - 40px);}

.i_pul_l{order: 0;padding-bottom: 0;}
.i_pul_r{order: 1;padding-top: 0;}
.i_case_l{order: 2;}
.i_pul_r li, .i_pul_l li{float: left;  padding-left: 10px;}
.i-gs{padding:0;margin:0;margin-top: 30px;}
.i-call{float:left;}
#top_btn{position: relative;  top: -118px;}
#smoothmenu1{max-width: 100%; overflow: hidden;}



}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 760px) {/*当屏幕尺寸小于760px时，应用下面的CSS样式*/
.i_nav{display:none}
.navbar-toggle{display:block;}
.txt01 {width: 100%;}
.i_solution {margin-top: ;}





}/*当屏幕尺寸小于760px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
 .i_solution_lo {width: 252px;margin: 0 auto;}
 .rol01 {left: -23px;}
.ror01 {right: -23px;}
.i_solution_li { width: 100% !important;}
.i_solution_li ul{ }

 .i_case_lo {width: 252px;margin: 0 auto;}
 .rol01 {left: -23px;}
.ror01 {right: -23px;}
.i_case_li { width: 100% !important;}
.news-item { width: 100%;}
.p_p_list dl { float: none;width: 100%;margin: 10px auto;}
.p_p_list dl dt {width: 150px;height: 120px;}
.p_p_list {padding: 0px 0 10px 0;}
.soll-item { padding: 0px;width: 100%;}


.i_ppjs{background: none;}
.yunu-ppjj dt, .yunu-ppjj dd .text, .yunu-ppjj dd .text p{margin:0;}
.i_case_l, .yunu-ppjj dd img, .yunu-ppjj dt, .hbox{display:none;}
.i_gywm .yunu-about dd .i1{top: -20px;}
.yunu-ppjj dd .text{margin: 0 20px;}
.i_products .i_p_left{background: #0a6b9d;}
.i_case_li dl dt, .i_case_li dl dd{width: 230px;}
.footer_in .logo, .soll-item-txt dt, .soll-item-txt dd, .i_gywm .yunu-about dt, .yunu-zyjscon dd, .i_cjsl .cjsl1 dd, .yunu-zyjscon dd, .i_products .i_p_left, .i_products .i_p_right{width:100%;}
.i_cjsl .cjsl1 dt, .yunu-zyjscon dt img{display:none;}
.i_ptite h3{background-position: center;}
.yunu-zyjscon dd ul{padding-top: 60px;}
.i_news .i-nbox{width: 95%;margin: 20px 0;}
.footer .info .text{width: 100%;}
.i_gywm .yunu-about{padding:0;}
.footer .info{padding:0;margin:0;width: 100%;}
.footer .info .nav a{font-size:12px;}
.i_p_div p{color:#fff;}
.footer .info .ewm{display: none;}
.i_pul_l, .i_pul_r{padding-left:73px;}
.menu_36 .s_title1{background-position-x: -200px;}
.menu_36 .s_textbox1{padding-top: 0;}
.menu_36 .s_text{color: #0a6b9d;}
.menu_36 .s_textbox{padding:0;background: none;}
.footer .info .text{text-align: center;}
#com_singles_fnav .logo{text-align: center;}
.i_p_dll .pdltitle h3{background-position: center 50px;}

#com_thenm_list{width:100% !important;}
#com_thenm_sort{width:100%;}
#com_sort_products{width:100%;}
#com_pmodule_products_list{width:100%;}
.p_zxrx{background-size: 100%;}
.sidebar{background: #0b729d;}
.p_zxrx p{background-position: 170px 43px;}
.news-item{width:90%;}
.news-item .news-item-more{width:auto;}
.p_kf dl {width: 100%;}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/